<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>我的管理</title>
    <link rel="stylesheet" href="../../fonts/font_awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../js/mui/css/mui.min.css">
    <link rel="stylesheet" href="../../css/mui-app-style.css">
    <style>
        body,
        .mui-content{
            padding-bottom:60px;
        }
        .info{
            background: #fff;
            padding:20px 0 30px 0;
        }
        .info .avator{
            margin: 3px 0 0 20px;
            width: 50px;
            height: 50px;
            display: inline-block;
            text-align: center;
            background-color: #fff;
            border: 1px solid #2D8CF0;
            border-radius:50%;
            overflow: hidden;
        }
        .avator img{
            border-radius:50%;
        }
        .info .avator .mui-icon{
            margin-top:12px;
        }
        .info .realname{
            margin-top:7px;
            padding-bottom:5px;
        }
        .info .phone{
            color: #cccccc;
        }
        .admin__list{
            border-top:10px solid #EEEEEE;
        }
        .mui-navigate-right .fa{
            margin-right:10px;
        }
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav mui-hidden">
    <a class="mui-action-back mui-icon mui-icon-back mui-pull-left"></a>
    <h1 class="mui-title">我的管理</h1>
</header>
<div class="mui-content" id="admin" style="padding-top:0px;">
    <div class="info">
        <div class="mui-row">
            <div class="mui-col-xs-10">
                <div class="mui-row">
                    <div class="mui-col-xs-3">
                        <a href="myInfo.html" class="avator">
                            <img class="girl mui-hidden" src="../../images/girl.jpg" width="50" alt="">
                            <img class="boy " src="../../images/boy.jpg" width="50" alt="">
                        </a>
                    </div>
                    <div class="mui-col-xs-9">
                        <div class="realname">蔡水龙</div>
                        <div class="phone">15102116127</div>
                    </div>
                </div>
            </div>
            <div class="mui-col-xs-2">
                <a href="qrcode.html" style="margin-top:5px;" >
                    <img src="../../images/v_qrcode.png" width="35" alt="我的二维码">
                </a>
            </div>
        </div>
    </div>
    <div class="admin__list">
        <ul class="mui-table-view">
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="../order/order.html">
                    <span style="color: #DE9133" class="fa fa-shopping-bag fa-fw"></span>订单查询
                </a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="../address/address.html">
                    <span style="color: #408EE7" class="fa fa-map-marker fa-fw"></span>收货地址管理
                </a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="../cards/cards.html">
                    <span style="color: #4CA28C" class="fa fa-credit-card fa-fw"></span>我的卡包
                </a>
            </li>
        </ul>
    </div>
    <div class="admin__list">
        <ul class="mui-table-view">
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="../certification/certification.html">
                    <span style="color: #DE9133"  class="fa fa-address-card-o fa-fw"></span>实名认证
                    <span class="pull-right" style="margin-right: 20px;color: #ccc;">认证成功</span>
                </a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="../message/message.html">
                    <span style="color: #4CA28C" class="fa fa-comments-o fa-fw"></span>消息中心
                </a>
            </li>
        </ul>
    </div>
    <div class="admin__list">
        <ul class="mui-table-view">
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="../suggest/suggest.html">
                    <span style="color: #408EE7" class="fa fa-edit fa-fw"></span>投诉和建议
                </a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="../about/about.html">
                    <span style="color: #DE9133"  class="fa fa-info-circle fa-fw"></span>关于我们
                </a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="../more/more.html">
                    <span style="color: #4CA28C" class="fa fa-cog fa-fw"></span>更多设置
                </a>
            </li>
        </ul>
    </div>
    <div class="admin__list">
        <ul class="mui-table-view">
            <li class="mui-table-view-cell mui-text-center">
                退出登录
            </li>
        </ul>
    </div>
</div>
<script src="../../js/mui/js/mui.min.js"></script>
<script src="../../js/common/crypto-js.js"></script>
<script src="../../js/common/common.js"></script>
<script>
    mui.ready(function () {
        createNav(false,3);
    })
</script>
</body>
</html>